<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>一个最简单的登录验证界面</title>

    <!-- 引入外部的js文件 -->
    <!-- <script src="  "></script> -->

    <!-- 内嵌js代码 -->
    <script>
        // 第一个函数，验证登录密码是否符合要求，发送异步请求，提示问题
        function CheckAndLogin(){
            //找到登录名，并判断值
            let value1 = document.querySelector("#username").value
            if (value1.lengh < 6) {
                einfo = '用户名 ${value1}错误，至少6位'
                document.querySelector("#attention").innerHTML = einfo
            }
                

            // let value2 = document.querySelector("#password").value
            // if value2.lengh < 6 :
            //     document.querySelector("#attention").innerHTML("密码要大于6位")
            //     break

            //使用ajax发送登录请求
        } 

    </script>
</head>

<body>
    <!-- 登录名输入框 -->
    登录名：<input id="username" type = "text" class="form-control"><br>
    密码：<input id="password" type="text" class="form-control"><br>
    <button value="登录" onclick="CheckAndLogin()">登录</button>
    <p style="color:red" id="attention"></p>
</body>

</html>